<template>
  <a-form auto-label-width layout="inline">
    <a-form-item label="是否显示">
      <a-switch v-model="tooltip.show" />
    </a-form-item>
    <a-form-item label="指示器类型">
      <a-select v-model="tooltip.axisPointer.type" size="small">
        <a-option label="直线" value="line" />
        <a-option label="阴影" value="shadow" />
        <a-option label="十字准星" value="cross" />
        <a-option label="无" value="none" />
      </a-select>
    </a-form-item>
    <a-form-item label="始终显示">
      <a-switch v-model="tooltip.alwaysShowContent" />
    </a-form-item>
    <a-form-item label="背景色">
      <xiri-form v-model="tooltip.backgroundColor" option="linearColor" />
    </a-form-item>
    <text-style :options="tooltip.textStyle" />
  </a-form>
</template>
<script setup>
import TextStyle from "@/plugins/common/options/textStyle.vue"

defineOptions({
  name: "echarts-tooltip"
})
const attrs = useAttrs()
const { tooltip } = attrs.option
</script>
<style scoped lang="less">
.bi-bar {
  width: 100%;
  height: 100%;
}
</style>
